.error-404 {
  @apply bg-color-page-faint;

  .title {
    @apply mb-5 mr-20 text-[3.5rem];
  }

  .doc-page {
    @apply mt-16 rounded-t-xl border border-color-border-primary bg-white shadow-2xl;
  }

  .meta-information {
    @apply grid grid-cols-2 gap-8;

    > div {
      @apply space-y-1;
    }
  }

  .divider {
    @apply h-[4px] w-full bg-color-foreground-strong;
  }

  p {
    @apply text-display-300 text-color-foreground-strong;
  }

  .summary {
    @apply mb-6 pr-20 text-display-400;
  }

  .gradient-overlay {
    @apply pointer-events-none fixed left-0 bottom-0 h-56 w-full bg-gradient-to-t from-color-surface-strong to-transparent;
  }
}
